
<template>
    <div >
        <application-management-base-add 
            v-if="baseAdd" 
            @goToSelect="baseAddHiden" :appObj="appObj">
        </application-management-base-add>

        <application-management-select-market 
            v-if="selectMarket" 
            @goToSuccess='selectMarketHiden' 
            @backToBase='baseAddShow' :appObj="appObj">
        </application-management-select-market>

        <application-management-success-post 
            v-if="successPost" 
            @goToAudited='successPostHiden' :appObj="appObj">
        </application-management-success-post>

        <application-management-audited 
            v-if="audited" :appObj="appObj">
        </application-management-audited>
    </div>
</template>

<script>
import applicationManagementBaseAdd from './components/applicationManagementBaseAdd.vue';
import applicationManagementSelectMarket from './components/applicationManagementSelectMarket.vue';
import applicationManagementSuccessPost from './components/applicationManagementSuccessPost.vue';
import applicationManagementAudited from './components/applicationManagementAudited.vue';

export default {
    components:{
        applicationManagementBaseAdd,
        applicationManagementSelectMarket,
        applicationManagementSuccessPost,
        applicationManagementAudited,
    },
    data(){
        return {
            isShow: false,
            baseAdd: true,
            selectMarket: false,
            successPost: false,
            audited: false,

            appObj:{},// 子 --> 父


        }
    },
    methods:{
        baseAddHiden(data){//点击保存或者是下一步时，进入选择市场界面
            console.log("基础信息保存完成，跳转中-------------------------------------------------------------------------------------")
            console.log(data)
            this.appObj = data;
            this.baseAdd = false;
            this.selectMarket = true;
        },
        selectMarketHiden(data){
            console.log("发布市场信息保存完成，跳转中-------------------------------------------------------------------------------------")
            this.appObj = data;
            this.selectMarket = false;
            this.successPost = true;
        },
        successPostHiden(data){
            console.log("跳转到授权管理页面-------------------------------------------------------------------------------------")
            this.appObj = data;
            this.successPost = false;
            this.audited = true;
        },
        baseAddShow(data){
            console.log("返回基础信息录入页面-------------------------------------------------------------------------------------")
            this.appObj = data;
            this.selectMarket = false;
            this.baseAdd = true;
        }
    }
}
</script>

<style>
.divAroundCenter{
    padding: 20px 50px;
    width: 100%;
    height: 100%;
}
</style>

